<template>
    <div style="background-color: yellow;">
        {{ mylabel }}:
        <!-- <input :type="mytype" :value="myValue" @input="handleInput"> -->
        <input :type="mytype" :value="seupyy" @input="handleInput">
    </div>
</template>

<script>

export default {
    props: {
        mylabel: {
            type: String,
            default: ""
        },
        mytype: {
            type: String,
            default: "text"
        },
        myValue: {
            type: String,
            default: ""
        },
        // modelValue固定名称
        modelValue: {
            type: String,
            default: ""
        },
        //自定义名称
        seupyy: {
            type: String,
            default: ""
        }
    },
    data() {
        return {
            myvalue: ""
        }
    },
    methods: {
        handleInput(evt) {
            // 普通的子传父方式
            // this.$emit("toFieldEvent", evt.target.value)

            // update:modelValue固定名称
            // this.$emit("update:modelValue", evt.target.value)
            // 自定义方法
            this.$emit("update:seupyy", evt.target.value)
        }
    }
}
</script>